草庐IT

JavaScript HTML DOM - 改变CSS

全部标签

javascript - 2 个阵列改变而不是 1 个

我正在制作一款包含2个数组的游戏,但当我不希望它发生变化时,其中一个数组发生了变化。来自浏览器控制台的示例:A=[1,2,3,4,5]B=[6,7,8,9,10]A=BA.push(11)A=[6,7,8,9,10,11]B=[6,7,8,9,10,11]A很好,但有没有办法让B保持[6,7,8,9,10] 最佳答案 使用扩展语法A=[...B];将B复制到A。当你执行A=B时,你实际上是将B的引用设置为A所以对A的任何更改导致B发生变化,反之亦然。varA=[1,2,3,4,5];varB=[6,7,8,9,10];A=[...B

javascript - jQuery - 当 DOM 改变时运行一个函数

我一直在使用livequery到目前为止哪个有效,但它使页面浏览看起来真的很慢。所以我正在尝试为此寻找替代解决方案。我附加了一个函数,该函数在具有特定类的元素上运行一些ajax,例如:$(".blah").each(function(){$.ajax({...success:function(data){$(this).removeClass(".blah");//dootherstuff}});});现在我有几个事件卡在不同的元素上,可以在DOM中附加html,比如:$(".button").click(function(){$.ajax({...success:function(d

javascript - 使用 CSS 文本换行

我有一长串随机生成的数字。我在一个divblock中显示它。因为它是更长的单弦。它被写在一行中。例如:Stringstr="13,7,5,1,10,7,18,11,17,10,9,16,17,9,6,19,6,13,2,18,6,9,8,5,15,4,17,16,12,8,19,16,5,9,6,16,16,5,16,12,0,14,7,11,12,11,12,16,8,3,16,3,1,10,4,14,5,9,4,3,8,3,0,19,5,7,8,7,13,14,4,3,12,6,5,19,17,3,3,19,0,4,14,8,15,17,14,5,9,3,9,19,18,8,10,

javascript - Js从数组中删除元素而不改变原始元素

我想知道是否有一种方法可以在不制作数组的完整副本然后拼接副本的情况下执行此操作。vararr=[{id:1,name:'name'},{id:2,name:'name'},{id:3,name:'name'}];我需要通过他的索引临时删除元素并使用没有这个元素的数组,但我不想更改原始数组。即使有lodash,你也可以给我让路。 最佳答案 Array.prototype.filter将创建并返回一个由与谓词匹配的元素组成的新数组。functionremoveByIndex(array,index){returnarray.filter

javascript - Node .js。为什么页面无法加载 css 和 javascript 文件?

我已经创建了一个node.js服务器。当我使用端口3000进入本地主机时,它只显示文本而没有css或javascript。我尝试了几种对其他人有效的解决方案。但它们对我不起作用。NodeJSkeepgettingFailedtoloadresourceerrormessagestaticfileswithexpress.jsCannotgetCSSfile我的文件顺序是这样的server.jsindex.htmlpubliccssstyle.css这是服务器的代码varexpress=require('express');varapp=express();app.get('/',fun

javascript - CSS 变量和 Angular 5

我正在尝试在我的Angular应用程序中使用css变量,在子组件中,它只是不工作。在浏览器的Elements工具(我使用的是Chrome最新版本)中,var()不执行任何操作。例子:CSS文件::root{--width:43.75%;}#content{display:grid;grid-template-columns:repeat(2,var(--width));grid-auto-rows:90%;grid-gap:3px;align-content:center;justify-content:center;border:2pxsolidblack;width:400px;h

javascript - 如何通过 javascript 覆盖内联 css?

我们可以通过javascript覆盖内联css吗?与IE6兼容。我找到了这个纯css解决方案,但在IE中不起作用。http://nataliejost.com/override-inline-styles-from-the-stylesheet/http://www.sitepoint.com/blogs/2009/05/27/override-inline-css/HelloWorld我们可以用这个解决方案覆盖这个内联样式.blockspan[style]{font-weight:normal!important;color:#000!important;}此解决方案适用于除IE6之

javascript - 改变除一个 Div 之外的所有元素的不透明度

我正在尝试淡化网页上除一个div之外的所有元素。我已经能够使用以下jQuery淡出所有元素:$('*').css('opacity',.3);但是,不透明度似乎是从父元素继承的属性,即使我明确地将div的不透明度设置为1。我现在对任何解决方案一无所知,所以我可以在这里得到一些帮助吗? 最佳答案 如果您想要使这个特定的div在视觉上脱颖而出,您可以考虑一种类似于用于模态窗口/灯箱的方法。使用高z-index绝对定位div,然后在突出显示的div和其余内容之间堆叠另一个div,具有深色背景颜色和中等不透明度。这实际上会使页面的其余部分“

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使

javascript - 是否有用于组合/压缩 javascript 和 css 的 Magento 扩展?

我以为Magento自带了这个开箱即用的功能,但它似乎根本不起作用。我不确定我是否没有正确设置它,但现在我正在使用cat并更改page.xml布局文件以使用结合了javascript和css文件。我可以让Magento执行此操作吗?或者是否有添加此功能的扩展程序? 最佳答案 转到系统>配置>开发人员并更改Javascript和CSS设置框中的设置。确保您在网站/商店页面的左上角设置了正确的配置范围。确保在更改设置后刷新缓存。附言FoomanSpeedster扩展程序也将执行此任务。 关于